<#macro head title>
    <!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
    <title>${title!}</title>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="renderer" content="webkit"/>
    <meta name="author" content="${user.nickname!}"/>
    <meta name="keywords" content="${meta_keywords!}"/>
    <meta name="description" content="${meta_description!}"/>
    <@global.head />
    <link rel="shortcut icon" type="image/x-icon" href="${theme_base!}/source/img/logo/favicon.png">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/animate.css@3.7.2/animate.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.12.1/css/all.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/magnific-popup@1.1.0/dist/magnific-popup.css">

    <link href="https://cdn.jsdelivr.net/npm/owl.carousel@2.3.4/dist/assets/owl.carousel.min.css" rel="stylesheet">
    <link rel="stylesheet" href="${theme_base!}/source/css/secrius-style.css">
    <link rel="stylesheet" href="${theme_base!}/source/css/responsive.css">
    <link rel="stylesheet" href="${theme_base!}/source/css/kefu.css">
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.min.js"></script>
    <#if is_post?? || is_sheet??>
        <link
                rel="stylesheet"
                href="https://cdn.jsdelivr.net/npm/@tailwindcss/typography@0.2.0/dist/typography.min.css"
        />
        <style>
            .prose {
                max-width: 100%;
            }
            .prose a {
                margin: 0!important;
            }
            .prose img {
                width: 100%;
            }
        </style>
    </#if>
    <style>
        .custom-badge {
            box-sizing: border-box;
            margin: 0;
            margin-right: 12px;
            margin-bottom: 12px;
            padding: 0;
            color: rgba(0,0,0,.65);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5;
            list-style: none;
            font-feature-settings: "tnum";
            position: relative;
            display: inline-block;
            color: unset;
            line-height: 1;
        }
        .custom-badge sup {
            position: absolute;
            top: 0;
            right: 0;
            transform: translate(50%,-50%);
            transform-origin: 100% 0;
            z-index: auto;
            min-width: 20px;
            height: 20px;
            padding: 0 6px;
            color: #fff;
            font-weight: 400;
            font-size: 12px;
            line-height: 20px;
            white-space: nowrap;
            text-align: center;
            background: #fbb101;
            border-radius: 10px;
            box-shadow: 0 0 0 1px #fff;
        }
    </style>
</head>
<body>

<!-- ===========================
    =====>> Top Preloader <<===== -->
<div id="preloader">
    <div class="lds-css">
        <div class="preloader-3"><span></span> <span></span></div>
    </div>
</div>
<!-- =====>> End Top Preloader <<=====
    =========================== -->


<!-- ===========================
=====>> Fix Right Begin<<===== -->
<div class="page-fixdiv">
    <div class="item-li li-app">
        <div class="app-codediv">
            <div class="code-img">
                <img src="${theme_base!}/source/img/logo/weichat.jpg" alt="" class="codeimg">
            </div>
            <p class="code-text">公众号请关注</p>
            <i class="icon icon-arrow"></i>
        </div>
        <div href="" class="link item-link app-link">
            <i class="icon icon-mobile animated"></i>公众号
        </div>
        <span class="item-bg"></span>
    </div>
</div>
</#macro>
<#macro footer>

<!-- ===========================
    =====>> Footer <<===== -->
<footer id="footer-area" class="bg-black section-color bg-com pt-80 pb-80">
    <div class="container">
        <div class="row">
            <!--     <div class="col-lg-12">
                <ul class="footer-copy-logo pb-70">
                    <li><a href="#"><img src="${theme_base!}/source/img/logo.png" alt=""></a></li>
                    <li><img src="${theme_base!}/source/img/logo/f1.png" alt=""></li>
                    <li><img src="${theme_base!}/source/img/logo/f2.png" alt=""></li>
                    <li><img src="${theme_base!}/source/img/logo/f3.png" alt=""></li>
                </ul>
            </div> -->
        </div>
        <div class="footer-widget pt-40">
            <div class="row">
                <div class="col-lg-3 col-md-6">
                    <div class="footer-widget-item mt-40">
                        <h6 class="footer-widget-title">关于我们</h6>
                        <p>我们是一家专业POS机代理商与支付公司合作的POS机代理机构公司,POS机全国招商。</p>
                        <p>目前合作POS机加盟服务范围包括福建，安徽，贵州，江苏，浙江，河北，北京，云南、昆明，四川，重庆，湖北、，广州，济南，西安POS机等包括全国各地县级市区域POS机代理。</p>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <div class="footer-widget-item mt-40">
                        <h6 class="footer-widget-title">${settings.footer_first_block_title!}</h6>
                        <ul class="footer-link">
                            <@menuTag method="listByTeam" team="${settings.footer_first_block_menu_team_name!}">
                                <#list menus?sort_by('priority') as menu>
                                    <li><a href="${menu.url!}" target="${menu.target!}">${menu.name!}</a></li>
                                </#list>
                            </@menuTag>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <div class="footer-widget-item mt-40">
                        <h6 class="footer-widget-title">${settings.footer_second_block_title!}</h6>
                        <ul class="footer-link">
                            <@menuTag method="listByTeam" team="${settings.footer_second_block_menu_team_name!}">
                                <#list menus?sort_by('priority') as menu>
                                    <li><a href="${menu.url!}" target="${menu.target!}">${menu.name!}</a></li>
                                </#list>
                            </@menuTag>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <div class="footer-widget-item mt-40">
                        <h6 class="footer-widget-title">${settings.footer_third_block_title!}</h6>
                        <ul class="footer-link">
                            <@menuTag method="listByTeam" team="${settings.footer_third_block_menu_team_name!}">
                                <#list menus?sort_by('priority') as menu>
                                    <li><a href="${menu.url!}" target="${menu.target!}">${menu.name!}</a></li>
                                </#list>
                            </@menuTag>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>
<!-- =====>> End Footer <<=====
    =========================== -->

<!-- ===========================
    =====>> Copy Right <<===== -->
<div id="copy-right-area" class="section-color bg-black pt-30 pb-30">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="cta-text d-flex flex-lg-row flex-column align-items-center justify-content-start">
                    <div class="text-lg-left text-center">
                        <p>Designed & Developed By ZiXinTech</p>
                        <@global.footer />
                    </div>
                    <div class="ml-lg-auto">
                        <div class="d-flex flex-row align-items-center justify-content-center">
                            <p>© Copyrights 2020 子鑫POS机咨询公司 版权所有 </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- =====>> End Copy Right <<=====
    =========================== -->


<!-- ===========================
    =====>> Scroll Top <<===== -->
<a href="#" class="scroll-top show" id="scroll-top"> <i class="arrow-top fal fa-long-arrow-up"></i> <i
            class="arrow-bottom fal fa-long-arrow-up"></i> </a>
<!-- =====>> End Scroll Top <<=====
    =========================== -->

<!-- ===========================
    =====>> Jquery <<===== -->

<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/js/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/owl.carousel@2.3.4/dist/owl.carousel.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/wow/1.1.2/wow.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/object-fit-images@3.2.4/dist/ofi.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/magnific-popup@1.1.0/dist/jquery.magnific-popup.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/waypoints@4.0.1/lib/jquery.waypoints.min.js"></script>
<script src="${theme_base!}/source/js/popper.min.js"></script>
<script src="${theme_base!}/source/js/parallax.min.js"></script>
<script src="${theme_base!}/source/js/counter.js"></script>
<script src="${theme_base!}/source/js/menu.js"></script>
<script src="${theme_base!}/source/js/secrius-script.js"></script>
<script>
    function openQQ() {
        var qq = $("#openqq").attr('data-qq');//获取qq号
        window.open('http://wpa.qq.com/msgrd?v=3&uin=' + qq + '&site=qq&menu=yes', '_brank');
    }

    $("#openqq").click(function () {
        openQQ();
    });

    // loadjs('https://hm.baidu.com/hm.js?b8fccf845896474cee6359076ffa550e');
    // (function() {
    //     debugger
    //     if (window.attachEvent) {
    //         window.attachEvent("load", asyncLoad);
    //     } else {
    //         window.addEventListener("load", asyncLoad);
    //     }
    //     var asyncLoad = function () {
    //         var ga = document.createElement('script');
    //         ga.type = 'text/javascript';
    //         ga.async = true;
    //         ga.src = 'https://hm.baidu.com/hm.js?b8fccf845896474cee6359076ffa550e';
    //         var s = document.getElementsByTagName('script')[0];
    //         s.parentNode.insertBefore(ga, s);
    //     }
    // })();
    // loadScript('https://hm.baidu.com/hm.js?b8fccf845896474cee6359076ffa550e');
    function loadScript(url,callback){
        //创建一个js
        var script=document.createElement("script");
        script.type="text/javascript";
        if(script.readyState){
            //执行demo.js中的方法  判断当异步加载完后才执行demo.js中的方法  IE使用
            script.onreadystatechange=function(){
                if(script.readyState=="conplete"||script.readyState=="loaded"){
                    // alert('ok');
                }
            }
        }else{
            //执行demo.js中的方法  判断当异步加载完后才执行demo.js中的方法  Chrome Safari Opera Firefox使用
            script.onload=function(){
                // alert('ok');
            }
        }
        script.src=url;
        //将js加载到页面上去
        document.head.appendChild(script);
    }
</script>
</body>
</html>
</#macro>
